@charset "utf-8";
/**
  *@name:code cola
  *@author:zhouqicf@gmail.com
  *@site:www.zhouqicf.com
  *@version:2.1.2
  */
.codeCola-wrap,
.codeCola-wrap label,
.codeCola-wrap input,
.codeCola-wrap p,
.codeCola-wrap form,
.codeCola-wrap ol,
.codeCola-wrap ul,
.codeCola-wrap li,
.codeCola-wrap a,
.codeCola-wrap select,
.codeCola-wrap textarea,
.codeCola-wrap button,
.codeCola-wrap cctitle,
.codeCola-wrap ccfieldset,
.codeCola-wrap ccu,
.codeCola-wrap ccs,
.codeCola-wrap ccb,
.codeCola-wrap cccode,
.codeCola-wrap cclegend {
	font:normal normal normal 12px/1.5 arial, \u5B8B\u4F53, serif;
	margin:0;
	padding:0;
}
.codeCola-wrap {
	border-radius:6px;
	background-color:#292929;
	border:5px solid rgba(0, 0, 0, 0.4);
	background-clip:padding-box;
	padding:5px 10px;
	text-shadow:1px 1px 0 #000;
	z-index:2147483646;
}
.codeCola-wrap cctitle,
.codeCola-wrap ccfieldset {
	display:block;
}
.codeCola-wrap input,
.codeCola-wrap input:focus,
.codeCola-wrap select,
.codeCola-wrap textarea,
.codeCola-wrap textarea:focus {
	border-radius:0;
	height:auto;
	-webkit-box-shadow:none;
	color:#000;
}
.codeCola-wrap button {
	padding:0 5px;
}
.codeCola-wrap textarea {
	-webkit-box-sizing:content-box;
}
.codeCola-wrap ul,
.codeCola-wrap ol,
.codeCola-wrap li {
	list-style:none;
}
#codeCola {
	padding:0 5px 5px;
	position:fixed;
	right:5px;
	text-align:left;
	top:5px;
	width:300px;
	color:#fff;
}
#codeCola-selectors {
	border-width:4px;
	color:#ccc;
	opacity:0;
	position:absolute;
	top:-2000px;
 -webkit-transition:opacity .3s ease-out;
	min-width:150px;
}
#codeCola-selectors li {
	border-bottom:1px solid #111;
	padding:2px 0;
	cursor:pointer;
	-webkit-transition:padding 0.2s ease-out;
}
#codeCola-selectors li:hover {
	color:#fff;
	background-color:#333;
	padding-left:5px;
}
#codeCola-selectors li:last-child {
	border:none;
}
#codeCola #codeCola-current-info {
	color:#d9d9d9;
	padding-bottom:5px;
	margin:0 5px;
}
#codeCola #codeCola-open-all {
	-webkit-box-shadow:1px 1px 0 #3F3F3F;
	box-shadow:1px 1px 0 #3F3F3F;
	background-color:#3B3B3B;
	border:1px solid #000;
	cursor:pointer;
	display:inline-block;
	float:right;
	height:18px;
	overflow:hidden;
	position:relative;
	width:40px;
	top:-2px;
	right:0;
}
#codeCola #codeCola-open-all ccu,
#codeCola #codeCola-open-all ccb {
	display:inline-block;
	height:18px;
	position:absolute;
	-webkit-box-shadow:inset 0 0 2px #222;
	box-shadow:inset 0 0 2px #222;
}
#codeCola #codeCola-open-all ccu {
	background-color:#595959;
	background-image:-webkit-gradient(linear, left top, left bottom, from(#888), to(#595959));
	background-image:linear-gradient(top center, #888, #595959);
	border:1px solid #1D1D1D;
	top:-1px;
	left:-1px;
	width:20px;
 -webkit-transition:left .2s ease-out;
 transition:left .2s ease-out;
}
#codeCola #codeCola-open-all ccb {
	background-color:#4169af;
	background-image:-webkit-gradient(linear, left top, left bottom, from(#4169af), to(#4573CA));
	background-image:linear-gradient(left center, #4169af, #4573CA);
	top:0;
	left:0;
	width:21px;
}
#codeCola.codeCola-allOpen #codeCola-open-all ccu {
	left:19px;
}
#codeCola ul {
	border-top:1px solid #555;
	padding:10px 5px 0;
	max-height:500px;
	overflow-y:auto;
	overflow-x:hidden;
}
#codeCola ul::-webkit-scrollbar {
 width:10px;
 height:10px;
}
#codeCola ul::-webkit-scrollbar-track {
 background-color:#000;
 border-radius:4px;
 margin-top:4px;
}
#codeCola ul::-webkit-scrollbar-track-piece {
 background-color:#000;
 border-radius:4px;
}
#codeCola ul::-webkit-scrollbar-thumb {
 background-image:-webkit-gradient(linear, 0% 100%, 100% 100%, from(#888), color-stop(0.4, #aaa), color-stop(0.6, #aaa), to(#888));
 border-radius:4px;
}
#codeCola ul::-webkit-scrollbar-thumb:hover {
 background-image:-webkit-gradient(linear, 0% 100%, 100% 100%, from(#aaa), color-stop(0.4, #ddd), color-stop(0.6, #ddd), to(#aaa));
}
#codeCola ul::-webkit-scrollbar-thumb:active {
 background-image:-webkit-gradient(linear, 0% 100%, 100% 100%, from(#ccc), color-stop(0.4, #fff), color-stop(0.6, #fff), to(#ccc));
}
#codeCola ul.cc-close {
	padding:0 5px 0;
	max-height:0;
}
#codeCola cctitle {
	background-color:#292929;
	position:relative;
	padding:0 0 0 16px;
	margin:0;
	cursor:pointer;
}
#codeCola cctitle label {
	font-size:14px;
	color:#999;
	cursor:pointer;
}
#codeCola cctitle label:hover {
	color:#d9d9d9;
}
#codeCola cccode {
	color:#fff;
}
#codeCola .codeCola-arrow {
	border-color:#292929 #292929 #292929 #848484;
	border-width:6px;
	border-style:solid;
	position:absolute;
	top:3px;
	left:2px;
 -webkit-transition:-webkit-transform .2s ease-out;
 transition:transform .2s ease-out;
}
#codeCola cctitle:hover .codeCola-arrow {
	border-left-color:#d9d9d9;
}
#codeCola .codeCola-editorWrap,
#codeCola #codeCola-styles,
#codeCola #codeCola-note {
	background-color:#474747;
	border:1px solid #000;
	margin:0 1px 0 0;
	padding:0 10px;
	height:0;
	overflow:hidden;
 -webkit-transition:all .1s ease-out;
 transition:all .1s ease-out;
}
#codeCola #codeCola-styles,
#codeCola #codeCola-note {
	width:288px;
	padding:0 5px;
	display:block;
	resize:none;
	border-bottom:none;
}
#codeCola .codeCola-item {
	margin:0 0 10px;
	background-color:#474747;
	padding:0 0 1px;
	display:none;
}
#codeCola .codeCola-item:last-child {
	display:none;
}
#codeCola .codeCola-item-open .codeCola-editorWrap {
	height:auto;
	padding:10px;
}
#codeCola #codeCola-styles.cc-open,
#codeCola #codeCola-note.cc-open {
	height:50px;
	padding:5px;
	border-bottom:1px solid #000;
}
#codeCola .codeCola-item-open .codeCola-arrow {
	-webkit-transform:rotate(90deg);
	transform:rotate(90deg);
	-webkit-transform-origin:20% 40%;
	transform-origin:70% 50%;
}
#codeCola input {
	vertical-align:middle;
}
#codeCola input[type='text']:disabled {
	color:#F5F4EA;
	background-color:#ccc;
	border-color:#222;
}
#codeCola input[type='checkbox'],
#codeCola input[type='radio'] {
	vertical-align:text-bottom;
}
#codeCola input[type='text'],
#codeCola .form-Degree-input {
	border:1px solid #000;
	-webkit-box-shadow:1px 1px 0 #555;
	box-shadow:1px 1px 0 #555;
	padding:0;
}
#codeCola option:nth-child(2n+1) {
 background-color:#eee;
}
#codeCola ccfieldset .form-color-editorWrap {
	padding-left:48px;
	width:192px;
	margin-top: -20px;
}
#codeCola .codeCola-hsb-current {
	overflow:hidden;
}
#codeCola .codeCola-hsb-current label {
	float:left;
	margin-top:2px;
}
#codeCola .codeCola-hsb {
	margin:5px 0;
}
#codeCola .codeCola-hsb-range input {
	width:194px;
}
#codeCola .codeCola-hsb-current input,
#codeCola .codeCola-currentStyle,
#codeCola .form-Degree-input,
#codeCola .form-color-picker .form-color-current input {
	width:25px;
	height:15px;
	background-color:#7f7f7f;
}
#codeCola .codeCola-hsb-current input {
	float:right;
	margin-right:2px;
}
#codeCola .codeCola-currentStyle,
#codeCola .form-color-picker .form-color-current input {
	margin-left:5px;
	line-height:15px;
}
#codeCola .codeCola-hsb-img {
	height:5px;
	margin-top:3px;
	background-image:url();
	background-repeat:no-repeat;
}
#codeCola .codeCola-hsbH .codeCola-hsb-img {
	background-position:0 0;
}
#codeCola .codeCola-hsbS .codeCola-hsb-img {
	background-position:0 -5px;
}
#codeCola .codeCola-hsbB .codeCola-hsb-img {
	background-position:0 -10px;
}
#codeCola .codeCola-editor-multi ccfieldset {
	border-bottom:1px solid #000;
	border-top:1px solid #555;
	padding:10px 0;
	position:relative;
}
#codeCola .codeCola-editor-multi ccfieldset:last-child {
	border-bottom:none;
}
#codeCola .codeCola-editor-multi ccfieldset:first-child {
	border-top:none;
}
#codeCola .codeCola-editor-multi ccfieldset cclegend {
	position:absolute;
	top:10px;
	right:0;
	color:#ddd;
	background-color:#111;
	border-radius:4px;
	padding:1px 5px;
}
#codeCola ccfieldset ol label:first-child,
#codeCola .form-color-picker label {
	display:inline-block;
	width:48px;
	margin-bottom:5px;
	font-size:11px;
	-webkit-text-size-adjust:none;
}
#codeCola .form-color-picker .form-color-current label {
	width:auto;
	margin:0;
}
#codeCola ccfieldset li {
	margin:2px 0;
}
#codeCola #codeCola-item-fontOther .codeCola-editorWrap label,
#codeCola #codeCola-item-textAlign .codeCola-editorWrap label {
	margin-right:10px;
}
#codeCola-option:after,
codeCola-current-info:after {
	content:'.';
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
#codeCola-fold,
#codeCola-show-about {
	cursor:pointer;
	float:right;
	height:16px;
	width:16px;
	position:relative;
	top:1px;
	right:2px;
}
#codeCola-fold ccs,
#codeCola-fold ccb {
	border:1px solid #888;
	border-width:2px 1px 1px;
	background-color:#292929;
	display:inline-block;
	height:5px;
	width:8px;
	top:3px;
	left:4px;
	position:absolute;
}
#codeCola-fold ccb {
	top:6px;
	left:2px;
}
#codeCola-fold.cc-close ccb {
	display:none;
}
#codeCola-fold.cc-close ccs {
	top:7px;
	border-width:2px 0 0;
	left:3px;
	width:10px;
}
#codeCola-fold:hover ccs,
#codeCola-fold:hover ccb {
	border-color:#ccc;
}
#codeCola-show-about {
	color:#888;
	width:16px;
	height:16px;
	font:bold 12px/16px Georgia, serif;
	text-align:center;
}
#codeCola-show-about:hover {
	color:#ccc;
}
#codeCola-drag {
	height:10px;
	width:258px;
	float:left;
	cursor:move;
	margin:5px 5px 10px;
	background:url() repeat-x 0 0;
}
.codeCola-opt-button {
	height:18px;
	width:20px;
	display:inline-block;
	border-radius:2px;
	border:1px solid #292929;
	vertical-align:middle;
	float:right;
	top:-2px;
	text-align:center;
	position:relative;
	margin-right:2px;
	cursor:pointer;
	color:#888;
	-webkit-user-select:none;
	background:url() no-repeat center center;
}
.codeCola-opt-button:hover {
	color:#ccc;
}
.codeCola-opt-button.cc-open,
.codeCola-opt-button:active {
	border-color:#000;
	-webkit-box-shadow:inset 0 0 4px #444;
	background-color:#666;
	color:#ccc;
}
.codeCola-opt-button.cc-open:hover {
	background-color:#777;
}
#codeCola-getStyles,
#codeCola-getHTML {
	background-image:none;
	font:bold 12px/18px arial;
	letter-spacing:1px;
}
#codeCola-switch:hover,
#codeCola-switch.cc-open {
	background-image:url();
}
#codeCola-getNote {
	background-image:url();
}
#codeCola-getNote:hover,
#codeCola-getNote.cc-open {
	background-image:url();
}
#codeCola-getLink {
	background-image:url();
}
#codeCola-getLink:hover,
#codeCola-getLink.cc-open {
	background-image:url();
}
#codeCola .codeCola-cancel,
#codeCola .codeCola-eye {
	height:20px;
	width:20px;
	display:inline-block;
	vertical-align:middle;
	float:right;
	background:url() no-repeat center center;
}
#codeCola .codeCola-cancel:hover {
	background-image:url();
}
#codeCola .codeCola-eye {
	background-image:url();
}
#codeCola .codeCola-eye.cc-close {
	background-image:url();
}
#codeCola .form-Degree-wrap {
	color:#fff;
	padding-left:50px;
	margin-top:-20px;
}
#codeCola-getHTML-wrap,
#codeCola-getLink-wrap,
#codeCola-about-wrap {
	display:none;
	padding:25px 5px 5px;
	position:fixed;
	color:#fff;
	z-index:2147483647;
}
#codeCola-getLink-wrap {
	width:300px;
	left:50%;
	top:50%;
	margin-left:-150px;
	margin-top:-100px;
}
#codeCola-getLink-wrap.loadding {
	display:block;
}
.codeCola-pop-title {
	position:absolute;
	left:5px;
	top:5px;
	color:#888;
}
.codeCola-pop-close {
	cursor:pointer;
	font-size:14px;
	position:absolute;
	right:4px;
	text-align:center;
	top:4px;
	width:16px;
	color:#888;
}
.codeCola-pop-close:hover {
	color:#fff;
}
#codeCola-getHTML-wrap.loadding {
	display:block;
	top:5px;
	left:5px;
}
#codeCola-getHTML-wrap.cc-open {
	right:5px;
	bottom:5px;
}
#codeCola-getHTML-content,
#codeCola-getLink-content {
	width:100%;
	height:100%;
	padding:0;
	background-color: #474747;
	border: 1px solid black;
	resize:none;
}
#codeCola-show-currentNode {
	color:#888;
	padding:0 1px;
	cursor:help;
	border-bottom:1px dotted #888;
	margin-left:4px;
}
#codeCola-show-currentNode:hover {
	color:#fff;
	border-color:#fff;
}
#codeCola-about-wrap {
	top:50%;
	left:50%;
	width:420px;
	height:150px;
	margin-left:-220px;
	margin-top:-150px;
}
#codeCola-about-wrap.cc-open {
	display:block;
}
#codeCola-about-global {
	height:100px;
	padding:5px 10px;
	background:url() no-repeat 10px 10px #474747;
	background-size:60px;
	position:relative;
}
#codeCola-about-version {
	color:#ccc;
	padding-left:80px;
	margin-top:-5px;
}
#codeCola-about-author {
	font-size:10px;
	-webkit-text-size-adjust:none;
}
#codeCola-about-name {
	font-size:30px;
	line-height:1.2;
	padding-top:6px;
	padding-left:75px;
	font-family:georgia;
}
#codeCola-about-detail {
	color:#888;
}
#codeCola-about-wrap #codeCola-about-doc {
	margin:3px 0;
}
#codeCola-about-content a {
	color:#ccc;
	background:none;
	text-decoration:underline;
}
#codeCola-about-author a {
	color:#888;
}
#codeCola-about-wrap a:hover {
	color:#fff;
}
/**
	*@name:form color
  *@author:zhouqicf@gmail.com
  *@site:www.zhouqicf.com
  *@version:1-0-0
	*/
.form-color-picker {
	width:192px;
	padding:0;
	list-style:none;
	font-size:12px;
	display:none;
}
.form-color-picker .form-color-current {
	overflow:hidden;
}
.form-color-picker .form-color-current label {
	float:left;
	margin-top:8px;
}
.form-color-picker .form-color-hsb-range input {
	width:193px;
	margin:0;
}
.form-color-picker .form-color-current input {
	width:25px;
	height:15px;
}
.form-color-picker .form-color-current input {
	float:right;
	margin-right:2px;
}
.form-color-picker .form-color-hsb-img {
	height:5px;
	margin-top:3px;
	background-image:url();
	background-repeat:no-repeat;
}
.form-color-picker .form-color-hsbH .form-color-hsb-img {
	background-position:0 0;
}
.form-color-picker .form-color-hsbS .form-color-hsb-img {
	background-position:0 -5px;
}
.form-color-picker .form-color-hsbB .form-color-hsb-img {
	background-position:0 -10px;
}
/**
	*@name:form Degree
  *@author:zhouqicf@gmail.com
  *@site:www.zhouqicf.com
  *@version:1-0-0
	*/
.form-Degree-wrap {
	font-size:12px;
	color:#000;
}
.form-Degree {
	width:36px;
	height:36px;
	border:2px solid #4E6087;
	border-radius:20px;
	position:relative;
	-webkit-user-select:none;
	display:inline-block;
	vertical-align:middle;
	background-color:#fff;
	margin-right:5px;
}
.form-Degree-line {
	-webkit-transform-origin:0 0;
	transform:rotate(0deg);
	transform-origin:0 0;
	background-color:#000000;
	height:1px;
	left:50%;
	position:absolute;
	top:50%;
	width:50%;
}
.form-Degree-label {
	vertical-align:middle;
}
.form-Degree-input {
	width:40px;
}
.form-Degree-dot {
	position:absolute;
	width:3px;
	height:3px;
	background-color:#000;
	top:17px;
	left:17px;
}
/**
	*@name:form Gradient
  *@author:zhouqicf@gmail.com
  *@site:www.zhouqicf.com
  *@version:1-0-0
	*/
.form-gradient-wrap {
	font:12px/1.5 Arial, sans-serif;
}
.form-gradient-panel {
	height:40px;
	border:1px solid #999;
}
.form-gradient-stops {
	height:20px;
	position:relative;
	margin-bottom:10px;
	cursor:pointer;
}
.form-gradient-stop {
	height:7px;
	width:7px;
	padding:1px;
	border:1px solid #666;
	top:6px;
	position:absolute;
	cursor:default;
}
.form-gradient-stop.form-gradient-stop-select {
	border-color:#000;
}
.form-gradient-stop:before {
	content:"\20";
	width:0;
	height:0;
	border:5px solid rgba(0, 0, 0, 0);
	border-bottom-color:#666;
	position:absolute;
	top:-11px;
	left:-1px;
}
.form-gradient-stop.form-gradient-stop-select:before {
	border-bottom-color:#000;
}
.form-gradient-stop:after {
	content:"\20";
	width:7px;
	height:7px;
	border:1px solid #fff;
	position:absolute;
	top:0;
	left:0;
}
.form-gradient-location {
	width:30px;
}
.form-gradient-label {
	width:55px;
	display:inline-block;
	font-size:11px;
	-webkit-text-size-adjust:none;
}
.form-gradient-wrap .form-gradient-color {
	padding-left:58px;
	margin-top:-18px;
}
.form-gradient-stop-delete {
	padding:5px 55px 0;
}
.form-gradient-orientation-wrap {
	padding-bottom:10px;
	border-bottom:1px solid #000;
}
.form-gradient-stop-detail {
	border-top:1px solid #555;
	padding-top:10px;
}